.comp-cancelproduct {
  padding: 0;
}
.comp-cancelproduct .mu-list-three-line .mu-item {
    height: 113px;
}
.comp-cancelproduct .mu-list, .comp-cancelproduct .mu-list > li {
    padding: 0;
}
.comp-cancelproduct .mu-list .mu-item .tips, .comp-cancelproduct .mu-list > li .mu-item .tips {
      width: 80%;
      display: flex;
      justify-content: space-between;
      text-align: center;
      font-size: 15px;
}
.comp-cancelproduct .mu-list .mu-item .tips div span, .comp-cancelproduct .mu-list > li .mu-item .tips div span {
        display: block;
}
.comp-cancelproduct .mu-list .mu-item .tips div span:first-child, .comp-cancelproduct .mu-list > li .mu-item .tips div span:first-child {
        color: red;
}
.comp-cancelproduct .mu-raised-button {
    width: 80px;
}
.comp-cancelproduct .mu-button-small {
    min-width: 80px;
    box-sizing: border-box;
    position: relative;
    top: 16px;
    left: 10px;
}
.comp-cancelproduct .mu-button-small .mu-button-wrapper {
      box-sizing: border-box;
      width: 80px;
      padding: 0;
}
.comp-cancelproduct .mu-button-small .mu-button-wrapper .mu-ripple-wrapper {
        width: 80px;
}
.comp-cancelproduct .mu-button-small.cancel-btn {
      top: 2px;
      left: -8px;
      min-width: 68px;
      width: 68px;
}
.comp-cancelproduct .mu-button-small.cancel-btn .mu-button-wrapper {
        width: 68px;
}
.comp-cancelproduct .mu-button-small.cancel-btn .mu-button-wrapper .mu-ripple-wrapper {
          width: 68px;
}
.comp-cancelproduct .cancel {
    text-align: center;
    position: relative;
    top: 12px;
    left: 17px;
}
.comp-cancelproduct .cancel .mu-icon {
      width: 100%;
      display: block;
}
.comp-cancelproduct .cancel .span_text {
      position: absolute;
}
.comp-cancelproduct .cancel .span_text span {
        position: absolute;
        display: inline-block;
}
.comp-cancelproduct .cancel .span_text .span_1 {
        left: -49px;
        top: -70px;
        color: #ffeb3b;
}
.comp-cancelproduct .cancel .span_text .span_2 {
        left: -56px;
        top: -53px;
        color: #e91e63;
}

.page-trade .head {
  width: 100%;
  height: 56px;
  line-height: 56px;
  background-color: #29b6f6;
  color: #fff;
  text-align: center;
  padding: 0 16px;
  font-size: 20px;
}
.page-trade .no_trade {
  text-align: center;
}
.page-trade .no_trade .p_1 {
    font-size: 16px;
    padding: 60px;
    color: #999;
}
.page-trade .no_trade .load_more {
    padding: 20px 40px;
}
.page-trade .no_trade .load_more .btn {
      width: 100%;
      height: 44px;
      line-height: 44px;
      font-size: 16px;
      min-width: 88px;
      border-radius: 2px;
      background-color: #43a047;
      color: #fff;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.page-trade .no_trade .load_more .btn .mu-icon {
        font-size: 28px;
}
.page-trade .trade {
  padding-bottom: 25px;
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 400;
}
.page-trade .trade h2 {
    font-size: 16px;
    padding: 12px 24px 0 10px;
    border-left: 3px solid #1976d2;
    min-height: 64px;
}
.page-trade .trade h2 span {
      font-size: 14px;
}
.page-trade .foot {
  height: 30px;
}

